<!-- 培训页  -->
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>汇智研究院</title>
    <meta name="keywords" content="汇智研究院">
    <meta name="description" content="汇智研究院">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/my.css">
    <link rel="stylesheet" type="text/css" href="css/bootsnav.css">
    <link rel="stylesheet" type="text/css" href="css/colleges.css">
	<link rel="stylesheet" type="text/css" href="css/toastr.min.css">
    <link rel="stylesheet" type="text/css" href="css/lss.css">
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 500px)" href="css/phoneAuto.css" />
    <link rel="icon" href="images/logo.ico" type="image/x-icon">
    <script src="js/browser-polyfill.js"></script>
    <script src="js/wow.min.js"></script>
    <script charset="utf-8" src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootsnav.js"></script>
    <script src="js/toastr.min.js"></script>
    <script src="js/main.js"> </script>
    <script type="text/javascript" src="js/train.js"></script>

    <script>
        new WOW().init();
    </script>
    <style>
        .top_nav_choose{
            align-items: center;
            justify-content: center;
            box-shadow: 0px 1px 0px 0px rgba(230,230,230,1);
        }
        .lessonBox{
            padding: 32px 40px 0;
        }
        .lessonItem{
            justify-content: space-between;
            padding:16px 0;
            box-shadow:0px 1px 0px 0px rgba(238,238,238,1);
        }
        .lessonLeft{
            display: flex;
        }
        .lessonLeft img{
            width:144px;
            height:96px;
        }
        .lessonInfo{
            display: flex;
            flex-flow: column;
            justify-content: space-between;
            margin-left: 16px;
        }
        .lessonTecher{
            display: flex;
            align-items: center;
        }
        .lessonTecher img{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ccc;
        }
        .lessonTecher span{
            font-size:14px;
            margin-left: 16px;
        }
        .lessonTit{
            height:29px;
            font-size:20px;
            font-family:SourceHanSansSC-Medium,SourceHanSansSC;
            font-weight:500;
            color:rgba(51,51,51,1);
            line-height:29px;
        }
        .lessonRight .timer{
            font-weight:500;
            line-height:29px;
            font-size:20px;
            padding: 8px;
            border:1px solid rgba(229,229,229,1);
            border-radius: 8px;
        }
        .appointment{
            padding: 11px 24px;
            color: #D8412D;
            font-size: 16px;
            border-radius:8px;
            border:1px solid rgba(255,212,206,1);
            margin-left: 10px;
            cursor: pointer;
        }
        .appointment:hover{
            background-color: #D8412D;
            color: #fff;
        }

        /* 面包屑导航栏 */
        .babelBox{
            margin-top: 16px;
            background-color: #FFF7F6;
            padding: 7px 20px 7px 10px;
            box-shadow:0px -1px 0px 0px rgba(255,211,198,1);
            justify-content: space-between;
        }
        .searchFox{
            border-radius:4px;
        }
        .searchFox .searchBtn{
            width:44px;
            height:26px;
            background:linear-gradient(180deg,rgba(255,238,236,1) 0%,rgba(255,224,197,1) 50%,rgba(255,244,231,1) 100%);
            border:1px solid #A8A3A3;
            text-align: center;
            line-height: 26px;
            font-size: 13px;
            cursor: pointer;
        }

        .searchFox input{
            width:192px;
            height:26px;
            background:rgba(255,253,251,1);
            border:1px solid #A8A3A3;
            padding-left: 10px;
            line-height: 26px;
        }
        .pageNav{
            padding: 10px 0 100px;
        }
        .pageBox{
            padding: 0 6px;
            color: #999;
            letter-spacing: .47px;
            height:27px;
            line-height: 27px;
            background:rgba(241,241,241,1);
            box-shadow:0px 2px 1px 0px rgba(255,255,255,1);
            border:1px solid rgba(204,204,204,1);
            margin: 0 2px;
            cursor: pointer;
        }
        .pageBox:hover{
            opacity: .7;
        }
        .pageNav input{
            width:27px;
            height:23px;
            background:rgba(255,255,255,1);
            border:1px solid rgba(204,204,204,1);
            margin: 0 2px;
            text-align: center;
        }
        .pageSizeBox .active{
            background: #D8412D;
            color: #fff;
        }
    </style>
</head>

<body>

    <!--header start-->
    <div class="header comflex container-fluid">
        <div class="PCheader comflex col-md-12  col-xs-12 col-sm-12">
            <div class="wrap col-md-2 col-xs-10 col-sm-2">
                <a href="/" class="logo">
                    <img src="images/logo.png" alt="logo">
                </a>
            </div>
            <div class="PCnav col-md-10 col-xs-12 col-sm-12 pull-right">
                <div class="loginBox">
                    <div class="comflex">
                        <div class="iconBox">
                            <div class="comflex search_click"><img src="images/icon_ss.png" class="icon_img" alt=""> 搜索</div>
                            <!-- <div class="headerNoneBox">
                                <div class="triangle"></div>
                                <div class="search_Indx comflex">
                                    <img src="images/newsearch.png" alt="" style="width: 14px;">
                                    <input type="text" class="searchInpt" id="search_Inpt" placeholder="专家/内容/课程" />
                                    <div class="indexSearchBtn" onclick="goSearchInfo()">搜索</div>
                                  </div>
                            </div> -->
                        </div>
                        <div class="iconBox" >

                            <div class="comflex">
                                <img src="images/icon_gzh.png" class="icon_img" alt="">公众号
                            </div>
                            <div class="headerNoneBox">
                                <div class="triangle"></div>
                                <img class="gzh_img" src="images/wxgzh.png" alt="">
                            </div>
                        </div>
                        <div class="iconBox">
                            <div class="comflex"><img src="images/icon_qz.png" class="icon_img" alt="">圈子</div>
                        </div>
                        <div class="iconBox">
                            <div class="comflex"><img src="images/icon_js.png" class="icon_img" alt="">介绍</div>
                        </div>
                        <div class="iconBox">
                            <div class="comflex tougao_class"><img src="images/icon_tg.png" class="icon_img" alt="">投稿</div>
                        </div>
                    </div>
                    <div class="login_register_btn_box comflex" id="login_register_btn" hidden>
                        <div class="loginBtn">登录</div>
                        <div class="registerBtn tcolor">注册</div>
                    </div>

                    <div class="userBox " id="userBox" hidden>
                        <div class="comflex userHeader">
                            <img src="images/defultHeader.png" id="userThumb" alt="" />
                            <span class="userName tcolor" id="userName"></span>
                        </div>
                        <div class="userSettingBox">
                            <ul class="userSetting_ul">
                                <li onclick="goUserCenter()">用户中心</li>
                                <li onclick="reLogin()">退出登录</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <nav class="navbar navbar-default navbar-mobile bootsnav on">
                    <!--隐藏按钮button-->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                            <img src="images/mo_menu.png">
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="navbar-menu">
                        <ul class="nav navbar-nav topnav" data-in="fadeInDown" data-out="fadeOutUp">
                            <li><a href="index.html">首页</a></li>
                            <li>
                                <img src="./images/jingj.png" style="width: 32px;" alt="">
                                <a href="financeAndEconomics.html">经济</a>
                            </li>
                            <li>
                                <a href="industry.html">行业</a>
                            </li>
                            <li>
                                <a href="expert.html">专家</a>
                            </li>
                            <li class="active">
                                <img src="./images/peix.png" class="peixpng" alt="">
                                <a href="train.html">培训</a>
                            </li>  
                            <!-- <li> 
                                <a href="colleges.html">院校</a>
                            </li> -->
                            <li>
                                <a href="about.html">关于研究院</a>
                            </li>

                        </ul>
                    </div>
                </nav>
            </div>
        </div>

    </div>
    <!--header end-->

    <img style="width: 100%;" src="" id="trainHeader"></img>

    <!--面包屑导航栏-->
    <div class="babelBox contentflur flexLay" >
        <div class="babelLeft comflex">
            <img src="images/lanmu.png" alt="" style="width:20px">
            <div class="babelText" style="margin-left: 5px">当前位置: <span style="margin-left: 5px">培训</span> </div>
            <img src="images/lujin.png" alt="" style="width: 10px;margin: 0 16px;">
            <span class="babelTitle tcolor" id="babelTitle">专家课程</span>
        </div>
        <div class="searchFox comflex">
            <input type="text" class="search searchInpt"  id="search_Inpt1" placeholder="填写要查找的内容">
            <div class="searchBtn" onclick="goSearchInfo1()">查找</div>
        </div>
    </div>


    <!--汇智培训-->
    <div class="peixun_box index_news  contentflur wow bounceInUp animated"  style="padding-top: 0">
        <div class="top_nav_choose flexLay">
            <ul class="classUl" id="classUl">
                <li class="active" data-index="1">专家课程</li>
                <li data-index="2">保险讲堂</li>
                <li data-index="3">行业知识</li>
                <li data-index="4">直播课堂</li>
            </ul>
        </div>
        <!--课程类布局 start-->
        <div class="classBox flexLay" id="classBox"> </div>
        <!--课程类布局 end-->

        <!--直播类布局 start-->
        <div class="lessonBox " id="lessonBox" hidden>
        </div>
        <!--直播类布局 end-->

    </div>
    <!--汇智培训 end-->

    <!--分页 start-->
    <div class="contentflur pageNav comflex" >
        <div class="pageBox" onclick="firstPage()">首页</div>
        <div class="pageBox" onclick="prevPage()">上一页</div>
        <div class="pageSizeBox comflex" id="pageSizeBox">

        </div>
        <div class="pageBox" onclick="nextPage()">下一页</div>
        <div class="pageBox" onclick="lastPage()">尾页</div>
        <input type="number" id="pageVal"/>
        <div class="pageBox" onclick="goPage()">GO</div>

    </div>
    <!--分页 end-->

    <!-- 底部开始 -->
    <div class="footer container-fluid">
        <div class="foot col-md-8 col-md-offset-2">
            <div class="foot_about col-md-2 col-sm-6 col-xs-12 wow bounceInUp animated"
                style="visibility: hidden; animation-name: none;">
                <img src="images/footerlogo.png" style="width: 155px;" class="img-responsive">
            </div>

            <div class="foot_nav col-md-3 col-sm-6 col-xs-12 wow bounceInUp animated"
                style="visibility: hidden; animation-name: none;">
                <h6 class="total">联系我们</h6>
                <ul class="cocatUs">
                    <li><a href="/">400-400-8080</a></li>
                    <li>
                        <a href="JavaScript:void(0)">深圳市前海汇智保险管理咨询有限公司</a>
                    </li>
                </ul>
            </div>

            <div class="foot_news col-md-3 col-sm-6 col-xs-12 wow bounceInUp animated"
                style="visibility: hidden; animation-name: none;">
                <h6 class="total">网站导航</h6>
                <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
                    <ul class="col-md-4 col-sm-4 col-xs-6 no-padding">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="industry.html">行业</a>
                        </li>
                        <li>
                            <a href="financeAndEconomics.html">财经</a>
                        </li>
                    </ul>
                    <ul class="col-md-8 col-sm-8 col-xs-6 no-padding">
                        <li>
                            <a href="expert.html">专家</a>
                        </li>
                        <!-- <li>
                            <a href="colleges.html">院校</a>
                        </li> -->
                        <li>
                            <a href="train.html">培训</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="foot_contact col-md-4 col-sm-6 col-xs-12 wow bounceInUp animated pull-right"
                style="visibility: hidden; animation-name: none;">
                <div class="qrcodeBox">
                    <div class="col-md-6 col-sm-6 col-xs-6 no-padding">
                        <img src="images/huizb.png" alt="logo" class="qrtopImg" style="height: 28px;width:auto;">
                        <img src="images/qrcode.png" alt="qrcode" style="width: 96px;">
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 no-padding">
                        <img src="images/huil.png" alt="logo" class="qrtopImg" style="height: 28px;width:auto">
                        <img src="images/qrcode.png" alt="qrcode" style="width: 96px;">
                    </div>
                </div>
            </div>


        </div>
        <div class="foot_bottom col-md-8 col-md-offset-2">
            <div class="left_copy col-md-12">
                <span>Copyright © 2020 深圳市前海汇智保险管理咨询有限公司 未经许可不得复制、转载或摘编，违者必究</span>   <a href='https://beian.miit.gov.cn/#/Integrated/index'   target="_blank"
                    style="margin-left: 12px;">粤CIP备2020075217号</a> </div>

        </div>
    </div>

    <!-- 底部结束 -->

    <script>
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
    </script>
    </div>
</body>

</html>
